<template>
	<view class="boxGif w-100 h-100">
		<view class="h-100" v-if="status">
			<image class="w-100 h-100" src="../../static/icon/huke.gif" mode=""></image>
		</view>
		<view 
			class="h-100 position-r d-flex-yCenter jfy-center" 
			@touchend="status=true"
			@tap='status=true' v-if="!status" >
			<image class="w-100 h-100" src="../../static/icon/hukebg.png" mode=""></image>
			<view class="text">点击或滑动屏幕任意位置进入小程序</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:false
			}
		},
		watch:{
			status(){
				setTimeout(()=>{
					uni.switchTab({
						url:'/pages/index/index'
					})
				},900)
			},
		},
		methods: {
			// 手指滑动中触发 @touchmove
			handletouchmove(e){
				console.log(e,'1');
			},
			// 手指按下的时候触发 @@touchstart
			handletouchstart(e){
				console.log(e,'2');
			},
			// 手指滑动完 松开后触发 @touchend
			handletouchend(e){
				console.log(e,'3');
			}
		}
	}
</script>

<style lang="scss">
page{
	height: 100%;
}
.boxGif{
	background: #000;
	.text{
		position: absolute;
		bottom: 200rpx;
		width: 60%;
		text-align: center;
		font-size: 36rpx;
		color: #fff;
		text-shadow:3px 2px 6px #fff;
		letter-spacing: 2px;
	}
}
</style>
